<template>
<!--左侧分类-->
    <div class="cateLeft">
        <div class="m-cart">
      <p class="title"><a style="border-left: 4px solid white;margin-left: 12px;padding-left: 12px;" href="/Home/Goods/Category/id/922.html">文具</a></p>
      <ul class="menu_3">

        <li class="cat_list_two">
              <h3><a href="/Home/Goods/Category/id/923.html"><span style="margin: 0px 5px;font-weight: bold;">&gt;</span>学生文具</a></h3>
              <ul class="cat_list_three">
                  <li><a href="/Home/Goods/Category/id/926.html" title="橡皮擦">橡皮擦</a></li>
                  <li><a href="/Home/Goods/Category/id/927.html" title="修正带">修正带</a></li>
                  <li><a href="/Home/Goods/Category/id/928.html" title="记号笔">记号笔</a></li>                  
              </ul>
        </li>

        <li class="cat_list_two">
              <h3><a href="/Home/Goods/Category/id/924.html"><span style="margin: 0px 5px;font-weight: bold;">&gt;</span>桌面文具</a></h3>
              <ul class="cat_list_three">
                  <li><a href="/Home/Goods/Category/id/947.html" title="双面胶">双面胶</a></li>
                  <li><a href="/Home/Goods/Category/id/948.html" title="透明胶">透明胶</a></li>
                  <li><a href="/Home/Goods/Category/id/949.html" title="切纸机">切纸机</a></li>                 
              </ul>
            </li>

            <li class="cat_list_two">
              <h3><a href="/Home/Goods/Category/id/925.html"><span style="margin: 0px 5px;font-weight: bold;">&gt;</span>办公收纳</a></h3>
              <ul class="cat_list_three">
                  <li><a href="/Home/Goods/Category/id/944.html" title="名片册、名片盒、名片座">名片册、名片盒、名片座</a></li>
                  <li><a href="/Home/Goods/Category/id/945.html" title="透明文件套">透明文件套</a></li>
                  <li><a href="/Home/Goods/Category/id/946.html" title="收纳筐">收纳筐</a></li>                 
              </ul>
            </li>  
       
      </ul>
    </div>
    </div>
</template>

<script>
export default {
    name:'cateLeft'
}
</script>

<style lang="scss" scoped>
.cateLeft{
    width: 100%;
}
.m-cart{
    border: 1px solid #dbdbdb;
}
.m-cart .title {
    font-size: 18px;
    background-color: #4352BF;
    padding: 9px 0;
    text-align: left;
    a{
        color: #fff;
    }
}
.m-cart .cat_list_two {
    border-top: 1px solid #dbdbdb;
    width: 100%;
    padding-bottom: 5px;
}
.m-cart .cat_list_two h3 {
    font-size: 14px;
    font-weight: 600;
    padding: 13px 6px 0;
}
.m-cart .cat_list_three {
    margin-left: 10px;
    margin-top: 10px;
}
.m-cart .cat_list_three li {
    display: inline-block;
    margin: 5px 0;
    padding: 0px 10px;
    margin-left: 3px;
    margin-right: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-cart .cat_list_three li:nth-child(2n-1) {
    border-right: 1px solid #929191;
}
</style>